<template>
    <div class="add">
        <div class="circle" id="circle0">+</div>
        <div class="circle" id="circle1" v-on:click="power(1)"></div>
        <div class="circle" id="circle2" v-on:click="power(2)"></div>
        <div class="circle" id="circle3" v-on:click="power(3)"></div>
    </div>
</template>
<style lang="less">
    @import "../../less/add";
</style>
<script>
    export default {
        props: ['choice'],
        data() {
            return {
                show: false
            }
        },
        methods: {
            power(i) {
                this.$emit('power')
                this.$emit('update:choice', i)
            }
        },
        mounted() {

        }
    }
</script>